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Tip dan Tik WordPress 
Secara Umum 


Sebelum sebuah blog berbasis Wordpress dibuat, biasanya akan 
dilakukan konfigurasi dasar atau mempercantik blog itu dengan 
menggunakan berbagai plugin. Nah di dalam bab ini akan dijelaskan 
berbagai cara untuk melakukan konfigurasi dan instalasi berbagai 
plugin yang digunakan untuk pengembangan Wordpress secara umum. 


Mengimpor Wordpress 


Apakah Anda punya akun Wordpress yang lain? Jika Anda membuat 
situs yang “didesain” menggunakan Wordpress, maka pertanyaan 
pertama yang akan diajukan adalah, bagaimana caranya “menarik” 
seluruh artikel yang ada di akun Wordpress yang lama ke dalam akun 
Wordpress yang baru. 


Untuk memudahkan proses impor artikel dari akun Wordpress yang 
lama, lakukan langkah-langkah sebagai berikut: 


MELAKUKAN EKSPOR 


1. Pertama-tama, masuklah ke dalam akun Wordpress yang lama dan 
ingin dimasukkan ke dalam akun Wordpress yang baru. 


2. Loginlah sebagai admin ke dalam akun Wordpress yang lama itu. 


3. Klik menu Tools dan pilihlah Export. 


, Tools 


Available Tools 


Delete Blog 


Export 


Memilih opsi Export 


4. Klik pada pilihan Export yang ada di dalam halaman Export. 


Pn 
(4 Export 
Ifyou want to move your posts, comments, and media to another site, 


To get started, choose an export option from below. 


More Info 


Create an XML file containing your posts and commer 


One of our Happiness Engineers will transfer your site 
Transfer configure plugins to support features you have used o 
period 


Memilih opsi Export 


5. Jika ingin memilih seluruh content, baik posting artikel, pages, 
maupun komentar-komentarnya sekaligus, pilihlah All Content. 


6. Tekan tombol Download Export File kalau sudah. 


Choose what to export 


This will contain all of your posts, pages, comments 
(0 Posts 
(0 Pages 


(0 Feedbacks 


Download Export File 


Memilih All Content agar seluruh posting bisa dipindahkan ke 
dalam akun Wordpress yang baru 


7. Simpan file XML dengan memilih Save File pada jendela yang 
dimunculkan oleh browser. 


You have chosen to open: 
| jubileeenterprise.wordpress.2013-01-31.xml 


which isa: XML file 
from: https://thinkjubilee.wordpress.com 


What should Firefox do with this file? 
(O Openwith | Pickan app (default) 


(@ Save File 


Do this automatically for files like this from now on. 


OK Cancel 


Memilih opsi Save File untuk penyimpanan file XML 


8. Tekanlah tombol OK. 


MELAKUKAN IMPOR 


Setelah content dari akun Wordpress yang lama sudah disimpan ke 
dalam file XML, maka sekarang tiba waktunya untuk mengimpor file 
itu ke dalam akun Wordpress yang baru. Lakukan langkah-langkah 
sebagai berikut: 


1. Masuklah ke dalam akun Wordpress yang baru. 


2. Pilih menu Tools » Import. 


Available TN 


Import 


Memilih Import 


3. Klik opsi Wordpress pada halaman Import itu. 


FN 
(4 Import 
Ifyou have posts or comments in another system, WordPress can import those into this site. To get started 


Blogger Install the Blogger importer to import posts, comments, and users 
Blogroll Install the blogroll importer to import links in OPML format 

Categories and Tags Converter Install the categonyitag converter to convert existing categories to ta 
LiveJournal Install the LiveJournal importer to import posts from LiveJournal us 
Movable Type and TypePad Install the Movable Type importer to import posts and comments fre 
RSA Install the RSS importer to import posts from an RSS feed 

Tumblr 
WordPress 


Install the Tumblr importer to import posts & media from Tumblr us 


Install the WordPress importer to import posts, pages, comments 


Memilih Wordpress karena ingin mengimpor dari akun 
Wordpress yang lama 


4. Tekan tombol Choose File dan pilihlah file XML yang tadi telah 
disimpan ke dalam komputer. Tekanlah tombol Open. 


5. Lanjutkan proses impor dengan menekan tombol Upload file and 
import. 


TT Import WordPress 


Howdy! Upload your WordPress eXtended RSS (WXR file and we'll import the posts, pages, comments, 
into this site 


Choose 3 WXR (.xmil) file to upload, then click Upload file and import 


Choose a file from your computer: (Maximum size: 10MB) | Choose File | Jubileeenter...13-01-31.xml 


Upload file and import 


File siap untuk dimasukkan ke dalam akun Wordpress yang 
baru 


6. Tunggu beberapa saat. Setelah itu, Anda akan melihat halaman 
Assign Authors. Klik kotak cek Download and import file 
attachments agar apabila ditemukan file yang terkait dengan 
posting blog, maka file itu akan ikut diimpor. 


fanewuser is created by WordPress, a new password will be randomily 


1. Import author: thinkjubilee (thinkjubilee) 
or create new user with login name: 


orassign posts to an existing user: admin 'v 


Import Attachments 


MJ Download and import file attachments 


Submit 


Impor juga file-file attachment jika ditemukan 


7. Tekan tombol Submit. 


Tunggulah sampai seluruh proses selesai dan jika prosesnya telah usai, 
maka content yang ada di dalam akun Wordpress lama telah berhasil 
dikopi ke dalam akun Wordpress yang baru. 


TIP DAN TRIK TAMBAHAN 


#1. Kalau ingin agar artikel blog itu diubah nama pengarangnya ketika 
akan diimpor, maka masukkan namanya ke dalam kotak teks or 
create a user with login name. 


#2. Secara umum, jumlah space yang ditawarkan Wordpress.com 
cenderung besar sehingga bisa memasang attachment dalam bentuk 
media (foto, gambar, dan file-file lain) dalam jumlah banyak. Jika 
ruang space server Anda tidak cukup banyak untuk menampung file- 
file attachment itu, nonaktifkan opsi Download and Import File 
Attachments. 


Meng atur Layout 


Umumnya, sebuah blog Wordpress memiliki dua kolom. Mengapa 
terdiri dari dua kolom? Karena kolom pertama dipakai sebagai content 
(artikel-artikel yang Anda tulis) dan kolom kedua digunakan untuk 


memasang salah satu fitur terbaik Wordpress, yaitu Widget. Nah, Anda 
bisa mengatur posisi kolom itu, apakah content di kiri atau di kanan 
atau widget yang di kiri atau di kanan. Cara mengaturnya adalah 
sebagai berikut: 


1. Klik menu Appearance dan selanjutnya, pilihlah sub menu Theme 
Options. 


Er Appearance 


Theme Options 


Memilih opsi Theme Options 


2. Pilih salah satu layout yang ditawarkan di bagian Default Layout. 
e Content on Left: artikel-artikel disajikan di kolom sebelah kiri. 


e Content on Right: artikel-artikel disajikan di kolom sebelah 
kanan. 


e One-Column, no sidebar: tidak ada kolom, artikel disajikan 
secara utuh. 


Content on left Content on right One-column, no sidebar 
Memilih kolom di mana artikel akan diletakkan 


3. Tekan tombol Save Changes. 


TIP DAN TRIK TAMBAHAN 


#1. Memilih One-Column, no sidebar memang menjanjikan artikel 
disajikan secara utuh dan melebar ke samping. Namun kalau Anda 
sangat tergantung dengan widget karena banyak plugin yang men- 
syaratkan adanya widget, maka One-Column, no sidebar memang 
jarang dipakai. 


#2. Secara default, widget atau menu-menu Wordpress diletakkan di 
kanan karena theme “asli” blog ini memang dari awal meletakkan 
menu itu di sisi kanan. Oleh karena itu, pengunjung akan mem- 
butuhkan waktu beradaptasi jika Anda menggunakan layout content 
on right 


Menulis Informasi Apa Pun di dalam Layout 
Bagian Samping 


Anda ingin menulis informasi yang pasti akan dilihat oleh siapapun? 
Kalau demikian, tulislah informasi itu di dalam kolom samping sebagai 
sebuah widget. Anda bisa menulis alamat, kontak, copyright info, dan 
sebagainya. Caranya sebagai berikut: 


1. 


2. 


Klik menu Appearance setelah itu, pilih submenu Widgets. 


Lantas, cari dan temukan widget dengan nama Text. 


Social Share 


with various social 


or HTML 


Memilih widget dengan nama Text 


Klik-drag widget itu ke urutan paling atas pada Main Sidebar. 


Main Sidebar 


Search 


Meletakkan widget Text ke dalam Main Sidebar 
4. Bukalah panel Text itu dengan mengklik segitiga kecil yang ada di 
bagian kanan. 


5. Tulislah informasi yang ingin Anda tampilkan di bagian samping 
situs. Mulailah dengan menulis Title, misalnya “Hubungi Kami”. 
Selanjutnya, tulislah materi informasi yang ingin Anda sampaikan. 


Text 


Title 
Hubungi Kami 


Jl. Wora-Wari 10 Yogyakarta| 


Menulis materi yang akan disajikan di bagian samping blog 


6. Tekanlah tombol Save. 


Kalau sudah, cobalah masuk kembali ke dalam blog itu. Anda akan 
melihat informasi teks di samping artikel. Karena ditulis dalam bentuk 
widget, maka informasi itu akan selalu terlihat sehingga pastilah akan 
selalu dibaca orang. 


Home Sample Page 


Slide Presentasi dari SlideShare 


Posted on January 30, 2013 


Yogyakarta. 


an 
Jika Anda ingin belajar membuat website “masa depan" 


TT Tn mulailah belajar HTML5 dan CSS3 sekaligus 
Nanas Sa) ebenipasia 
5g Alasannya, karena baik HTML5 maupun CSS3 akan . ba 

» Slide Presentasi dari 
menjadi standar desain website dalam beberapa tahun 


Slide Share 
2. ke depan » Hello world! 


Informasi teks di pojok kanan pada blog Wordpress 


TIP DAN TRIK TAMBAHAN 


#1. Anda bisa memasang widget Text sebanyak yang Anda butuhkan. 
Misalnya untuk menulis alamat, identitas diri, dan lain sebagainya. 


#2. Anda juga bisa memasukkan script HTML ke dalam widget teks. 
Sebagai contoh, untuk menebalkan teks Anda bisa menulis seperti ini: 
cb» Teks ini ingin ditebalkanx/b-. 


Agar Pembaca Bisa Menemukan Artikel Secara 
Mudah dengan Mengklik Tanggal 


Ada banyak cara menemukan artikel. Bisa lewat kategori, menu, tag, 
dan lain sebagainya termasuk dengan menggunakan tanggal. Nah 
kebetulan, Wordpress menyediakan widget Calendar yang fungsinya 
untuk menampilkan deretan tanggal dalam sebulan. Nanti jika tanggal 
itu diklik, maka akan disajikan artikel-artikel yang dibuat pada tanggal 
dimaksud. Caranya adalah sebagai berikut: 


1. Klik menu Appearance » Widgets. 


2. Cari widget dengan nama Calendar dan klik-drag ke dalam Main 
Sidebar. 


3. Buatlah judul ke dalam kotak teks Title. 


Main Sidebar 


Text: Hubungi Kami 


Calendar: Kalende 


Title 
Kalender 


Menulis judul di dalam widget Calendar 
4. Tekan tombol Save kalau sudah. Nanti, akan terlihat kalender 


seperti gambar di bawah ini. Klik tanggal itu untuk melihat artikel- 
artikel yang dipublikasikan menurut tanggal tersebut. 


» Slide Presentasi dari 


Slide Share 


Kalender di dalam blog yang bisa diklik 


Agar Artikel Berubah Menjadi “Hari Ini" 


Wordpress akan menyajikan artikel dengan urutan yang baru di- 
nomorsatukan dan yang lama akan digeser ke urutan berikutnya (di 
bawah artikel terbaru). Nah adakalanya, ada artikel-artikel “masa lalu” 
yang ingin Anda munculkan kembali bagi para pembaca. Secara teknis, 
hal ini dapat dimungkinkan dengan mengganti tanggal lama menjadi 
tanggal yang baru. Agar tidak repot, Anda bisa memasang plugin ber- 
nama: Date/Time Now Button. Plugin ini berfungsi untuk me- 
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nampilkan tombol bertuliskan Now yang jika ditekan akan membuat 
penanggalan artikel secara otomatis akan disesuaikan dengan tanggal 
hari ini. Jadi, Anda tidak perlu bersusah payah mengatur tanggal yang 
baru. 


Instal plugin Date/Time Now Button ini terlebih dulu. Kalau sudah, 
gunakanlah fitur itu untuk memperbarui artikel lama dengan cara: 


1. Editlah artikel yang dulu pernah dibuat dengan mengarahkan 
kursor mouse ke atas menu Posts - All Posts. 


2. Arahkan kursor mouse pada judul artikel yang akan diedit dan klik 
Edit. 


Title 


te Presentasi dari Slide Share 
(onijucreatrasn View 


Memilih Edit untuk mengedit artikel 


3. Klik tulisan Edit yang ada di samping kanan Published on. 


Ba) Published on: Jan 30, 2013 @ aa) 


Move to Trash Update 


Memilih opsi Edit 


4. Tekanlah tombol Now dan tanggal akan berubah menurut tanggal 
dan waktu saat ini secara otomatis. 


Ba Published on: Jan 30, 2013 @ 1:16 
U “)|30 , 2013 @01 : 16 


— ancel 


Tombol Now untuk mengubah sistem dan waktu menjadi 
sekarang 


1" 


Jika Liburan telah Tiba... 


Biasanya orang-orang tidak sabaran dengan yang namanya liburan. 
Oleh karena itu, berbagilah kebahagiaan dengan cara menampilkan 
gambar lucu di dalam situs lengkap dengan semacam countdown 
(penghitung mundur) hingga tanggal liburan tiba. Untuk mereali- 
sasikan hal tersebut, Anda membutuhkan plugin berikut: Holliday 
Message. 


Setelah menginstal dan mengaktivasi plugin, lakukan langkah-langkah 
sebagai berikut: 


1. Klik menu Settings dan pilihlah Holiday Message. 


2. Setelah itu, pilihlah tema liburan dengan mengklik salah satu 
gambar yang telah disediakan. 


1) Choose a Graphic 


Memilih gambar yang mewakili liburan 
3. Tulislah pesan yang ingin Anda sampaikan kepada para pe- 
ngunjung di dalam area Add your Message. 


4. Di bagian Add Countdown to, tentukan tanggal liburan itu. Klik 
Enable Countdown untuk mengaktifkan fitur penghitung mundur 
dari hari ini sampai tanggal yang sudah ditentukan itu. 
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2) Add your message 


Heading 


Musim Libur! 
Message Musim libur sebentar lagi tiba!!! Hore...!! 
Add Countdown to: 06 - June Iv) 25 2013 VI Enable Countdown 


Month Day Year 
Menentukan pesan yang akan ditampilkan di dalam situs 


5. Tekan tombol Save Options. Sekarang, akseslah blog Anda dan 
akan terlihat gambar seperti berikut ini: 


Photoshop 


Posted on Jamuary 30, 2013 Musim Libur! 
Musim Ibur sebentar tagi bba!!! Hare 

Ada tiga buah fitur Photoshop yang pali " ne tag 

Histogram 4 

U6 1 of of 

Secara singkat, Levels dan Curves ber 5 : 


sebuah foto agar didapatkan foto dengan komposisi pencahayaan Gan warna yang seal 


(correct exposure) 
Sedangkan Histogram berlungsi untuk mamontor distribusi pixel pada sebuah foto 


sehingga dapat diketahui apakah foto itu over exposure, under exposure, atau dalam 


Gambar yang akan muncul untuk memberitahu agenda 
tertentu, seperti liburan atau hari raya 


Launching Produk 


Dengan menggunakan plugin yang sama: Holliday Messages, Anda bisa 
membuat pengumuman tanggal launching produk. Caranya sama 
namun Anda bisa memasukkan foto produk sebagai pengganti gambar- 
gambar liburan yang sudah disiapkan oleh plugin ini. 
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Berikut langkah-langkah untuk memasang foto produk: 


1. Klik tab Graphic Options. 


117 Holiday Message Graphic Options 


Settings saved. 


Kliklah tab Graphic Options 


2. Tekan tombol Upload Image. Carilah atau unggah file gambar 
atau foto produk yang ingin dipromosikan. 


Upload Graphic 


Memilih tombol Upload Image 


3. Tekan tombol Save Options. 


Memasang OR Code ke dalam Awtikel 


Ingin agar artikel Anda tampak 'high-tech'? Kalau demikian, pasangilah 
OR Code secara otomatis. Setelah dipasangi OR Code, tampilan artikel 
akan menjadi seperti gambar di bawah ini: 


Mengenal Levels, Curves, dan Histogram 
Photoshop 


Posted on January 30, 2013 


Ada tiga buah fitur Photoshop yang paling sulit dipahami, yaitu Levels, Curves, dan 
Histogram 


AR Code yang ditempelkan ke dalam artikel 
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Untuk membuat OR Code seperti itu, gunakan plugin berikut: OR 
Code Generator. Instal dan aktivasi plugin itu. Lantas, lakukan 
langkah-langkah di bawah ini: 


1. Postinglah artikel seperti biasa. Atau, Anda juga bisa mengedit 
artikel yang sudah lama. 


2. Pada baris di mana ingin meletakkan OR Code, tulislah shortcode 
berikut ini: (grcode). 


4 
- 
II 
p 
4 


(grcodej 


Ada tiga buah fitur Photoshop 
Meletakkan shortcode di mana AR Code itu akan diletakkan 


3. Postinglah artikel itu dan secara otomatis, akan muncul OR Code 
pada artikel. 


OR Code itu selanjutnya bisa dipindai dengan menggunakan aplikasi- 


aplikasi OR Code Reader yang banyak ditemukan di ponsel seperti 
iPhone, Android, dan seterusnya. 


Menambah Ikon Print dan PDF 


Agar artikel Anda lebih mudah dihargai oleh para pengunjung, 
letakkanlah ikon Print dan PDF di masing-masing artikel. Dengan 
demikian, mereka para pembaca itu bisa mencetak artikel itu dengan 
mudah atau mengubahnya menjadi file PDF yang gampang didis- 
tribusikan. Bagaimana caranya menambahkan ikon Print dan PDF? 
Gunakan salah satu plugin berikut: Print Friendly and PDF Button. 


Instal plugin ini dan lakukan konfigurasi terlebih dulu dengan 


mengarahkan kursor mouse ke atas menu Settings dan klik Print 
Friendly & PDF. 


General 
Writing 
Reading 
Discussion 
Medi 


#ermalinks 
Print Friendly & PDF 


Memilih opsi Print Friendly & PDF 


Setelah itu, lakukan konfigurasi berikut: 


1. Pilihlah ikon yang ingin ditampilkan di dekat artikel. Ada berbagai 
macam model yang bisa dipilih. Klik salah satu radio button yang 
mewakili ikon itu. 


@) Oo 0 & print Friendly 
@ (ak Print 7) PDF... @ Ls Print | O S Print MA PDF 
'& 1& print Friendly O ksigrint Oo — Print Friendly 
O Print Friendly 
Memilih bentuk ikon yang ingin diletakkan di dekat artikel 
2. Posisikan ikon itu dengan memilih apakah ingin di sebelah kanan 


atau kiri, atas atau bawah. Caranya dengan memilih menu drop- 
down yang telah disediakan. 
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Button Placement 


Right Align | w Above Content | v 
Left Align 


Right Align 
Center 
| None 


Memosisikan ikon Print menurut pengaturan pada menu-menu 
di atas 


3.  Tekanlah tombol Save Options kalau sudah. 


Nanti, setiap artikel akan dilengkapi dengan ikon Print seperti yang 
sudah Anda spesifikasikan tadi. Lihat gambar di bawah ini: 


Slide Presentasi dari SlideShare 


La) 
Jika Anda ingin belajar membuat website 
AN ep 2 TR “masa depan", mulailah belajar HTMLS 
HTMLS: SS dan CSS3 sekaligus 
#DREAMWEAVER CS6 


Alasannya, karena baik HTML5 maupun CSS3 akan 


menjadi standar desain website dalam beberapa tahun 
ke depan 
4 


Tombol Print yang diletakkan di setiap artikel 
Kalau ikon itu diklik, maka akan muncul jendela khusus yang bisa 


digunakan untuk mencetak artikel, mengubah artikel itu menjadi PDF, 
atau mengirimnya dalam bentuk email ke orang lain. 
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Aa print | F9 pp Email 10056 Fe) Textsize UD Removelmages — ##) Undo 
(@ jubilate.byethost7.com http:/Jubilate.byethost7.com/?p-46 


Slide Presentasi dari SlideShare 


Jika Anda ingin belajar membuat website “masa depan", mulailah belajar HTML5 dan CSS3 
sekaligus Lu 


Alasannya, karena baik HTML5 maupun CSS3 akan menjadi standar desain website dalam AN an 
beberapa tahun ke depan HTMLS, 


Oleh karena itu, supaya tidak ketinggalan jaman. Anda harus menguasai dua script tersebut 
mulai dari sekarang dengan membaca buku ini 


Di dalam buku ini, Anda akan mempelajari konsep dasar HTML5. termasuk memahami 
mengapa HTML5 disebut semantik dan apa peran CSS3 serta JavaScript bagi script tersebut 


Anda akan mempelajari tag-tag baru, termasuk Canvas. serta mengatur bagaimana halaman 
website akan terlihat cantik di dalam jendela browser 


Untuk memperkaya wawasan Anda, buku ini juga akan membahas Dreamweaver CS6 
software desain website yang patut Anda kuasai karena merupakan satu-satunya editor HTML 
dan CSS yang paling canggih saat ini 


Jendela khusus untuk mencetak atau mengubah dokumen 
menjadi PDF 


TIP DAN TRIK TAMBAHAN 


#1. Bagi para pembaca, mereka bisa menghilangkan foto atau gambar 
dari artikel ketika dicetak dengan mengaktifkan kotak cek Remove 
Images. 


#2. Fitur ini tidak hanya untuk mencetak dan mengubah artikel men- 
jadi PDF saja. Namun, para pembaca juga bisa mengirim artikel itu ke 
teman-temannya menggunakan fitur Email. 


Agar Posting Selalu Ada di Urutan Nomor Satu 


Dalam dunia Wordpress, artikel terbaru akan menggeser ke bawah 
artikel-artikel yang lebih lama. Nah kalau Anda ingin agar sebuah 
artikel selalu muncul di urutan pertama, gunakanlah plugin berikut: 
WP-Sticky. Mengapa plugin ini Anda butuhkan? Anda bisa membuat 
pengumuman apapun kepada para pembaca, seperti diskon atau 
promosi, sehingga selalu terbaca karena akan selalu berada di urutan 
pertama. Instal dan aktivitasi plugin itu. 


Setelah itu, lakukan langkah-langkah di bawah ini: 


1. Buatlah posting seperti biasa. 


2. Lantas, pilihlah opsi Announcement atau Sticky yang ada di 
dalam panel Post Sticky Status. 


Post Sticky Status 


(D Announcement 
O Sticky 
(@ Normal 


Pilih apakah ingin menggunakan Announcement atau Sticky 


e Announcement: posting ini akan selalu berada di urutan 
teratas sampai Anda memutuskannya untuk kembali ke posisi 
Normal. 


e Sticky: posting akan berada di urutan teratas sampai satu hari 
selesai. 


3.  Tekanlah tombol Publish kalau sudah. 


Berpromosi Menggunakan Notification Bar 


Ada banyak cara berpromosi. Salah satunya adalah menggunakan 
tulisan yang dibentangkan di bagian atas situs dengan warna dan 
tulisan mencolok. Bagaimana cara membuatnya? Gunakan salah satu 
plugin berikut: Notification Bar. 


Instal plugin ini dan setelah itu, lakukan langkah-langkah di bawah ini 
untuk membuat materi promosi: 


1. Klik menu Notification Bar yang ada di bawah menu Settings. 


(uS| Settings 


NB Notification Bar 


Menu Notification Bar di bawah menu Settings 
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2. Setelah itu, atur spesifikasi di dalam formulir Notification Bar 
seperti berikut ini: 


Default Position: mengatur posisi notification bar di dalam 
halaman blog. 


Color Scheme: digunakan untuk mengatur warna notification 
bar. 


Text Message: Anda bisa tulis pesan-pesan promosi di dalam 
kotak teks ini. 


Link URL: tulislah alamat situs yang akan dituju jika 
notification bar ini diklik. 


A5! Notification Bar 2.0.4 Setting's 


Enter Notification values: 


Default Position Top v 
Color Scheme Red v 


Promosi Diskon 30!!!! 
Text Message 


Link URL: http://www.elexmedia.co.id 


Formulir Notification Bar yang akan digunakan untuk 
mengatur bagaimana notification bar ini ditampilkan 


Link Button Text: ketik teks di atas tombol yang bisa diklik. 


Link BG-Color: digunakan untuk mengatur warna latar 
belakang pada link. 


3. Tekanlah tombol Save Settings kalau sudah. 
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Burung... 


Notification bar akan diletakkan di bagian atas situs 


Membuat Spoiler pada Artikel 


Spoiler adalah teks, gambar, atau informasi lainnya yang disembu- 
nyikan. Untuk melihat atau membaca informasi itu, maka para 
pengunjung cukup menekan tombol atau tulisan “Spoiler” yang akan 
membuat informasi itu terbuka di dalam halaman blog. Salah satu cara 
untuk membuat spoiler adalah menggunakan plugin: Spoiler Block. 


Instal dan aktivasi plugin ini dan kalau sudah, lakukan langkah-langkah 
sebagai berikut: 


1. Klik opsi Spoiler Block Config yang ada di dalam menu Plugins. 


& Plugins 2 


Installed Plugins 


Add New 


Spoiler Block Ci 


onfig 


Pilih Spoiler Block Config untuk mengonfigurasi teks Spoiler 
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2. 


22 


Tulislah teks spoiler yang diinginkan di dalam kotak teks Spoiler 
Alert. Tekan tombol Save kalau sudah. 


Spoiler Block Configuration 


This page is where you'll configure your plugin. 
Lets go:) 


Spoiler Alert: — Klik untuk Buka Spoiler 


Save 


Memasukkan teks yang akan dibuka untuk membuka spoiler 


Sekarang, buatlah artikel baru atau edit artikel yang sudah ada 
sebelumnya. 


Seleksilah teks atau informasi yang akan disembunyikan sebagai 
spoiler dengan cara membloknya. 


Add Media 


BI 0MEKKELSPNRAL- BEN 
A-G WMOO0- 3 @ 

dunia fotografi, maka semua fotografer dan editor foto harus tahu bagaimana cara 
membaca Histogram! 


Paragraph “ U 


Buku ini membahas bagaimana mengoptimalkan fitur-fitur yang ada di dalam Levels dan 
(Curves, cara membaca histogram, mengenal clipping untuk menghindari bagian-bagian 
melakukan editing Levels dan 


foto yang kehilangan detailnya, memanfaatkan garis kurva 
'(Curves secara selektif, dan sebagainya 


Buku ini pantas Anda baca karena hanya memfokuskan pembahasan pada ketiga fitur 


Photoshop yang paling sulit dimengerti, yaitu Levels, Curves, dan Histogram 


Anda juga akan belajar bagaimana hubungan antara Histogram dan fitur terbaru yang ada 


di Photoshop seperti Brightness'Contrast, pengaruh Use Legacy, dan pemanfaatan 
Path: p » span.spoiler » span.hidden-content » span.spoiler » span.hidden-content » span.spoiler » span.hidc 
Word count: 242 Draft saved at 3:19:02 pm. Last edited by admin on. 


Memblok teks yang akan disembunyikan dalam bentuk spoiler 


Lantas, klik ikon Spoiler yang ada di Editor. Begitu selesai 
menekan ikon itu, maka teks yang akan disembunyikan sebagai 
spoiler akan diblok dengan warna khusus. 


Sy-BE 


Ikon Spoiler yang ada di dalam Editor 


Kalau sudah, cobalah masuk kembali ke situs Anda. Nanti, pada teks 
yang telah Anda sembunyikan tadi, akan ditandai dengan teks “Spoiler” 
(atau teks lain yang Anda ketik pada saat membuat teks spoiler). 


Karena foto dengan pencahayaan yang tepat merupakan salah satu hal penting dalam 
dunia fotografi, maka semua fotografer dan editor foto harus tahu bagaimana cara 
membaca Histogram! 


Klik untuk Buka Spoiler 


Buku ini pantas Anda baca karena hanya memfokuskan pembahasan pada ketiga fitur 


Photoshop yang paling sulit dimengerti, yaitu Levels, Curves, dan Histogram 
Tulisan spoiler yang bisa diklik 


Saat spoiler itu diklik, maka akan muncul informasi tersembunyi yang 
sudah Anda seleksi tadi. 


Karena foto dengan pencahayaan yang tepat merupakan salah satu hal penting dalam 
dunia fotografi, maka semua fotografer dan editor foto harus tahu bagaimana cara 
membaca Histogram! 


(ini membahas bagaimana mengoptimalkan fitur-fitur yang ada di dalam Leve 
urves, cara membaca histogram, mengenal clipping untuk menghindari bagian-bagian 
sio yang kehilangan detailnya, memanfaatkan garis kurva, melakukan editing Levels dg 

secara selektif, dan sebagainya 


Buku ini pantas Anda baca karena hanya memfokuskan pembahasan pada ketiga fitur 
Photoshop yang paling sulit dimengerti, yaitu Levels, Curves, dan Histogram 


Teks yang disembunyikan dalam bentuk spoiler 


TIP DAN TRIK TAMBAHAN 


#1. Spoiler utamanya digunakan untuk menyembunyikan foto-foto 
berukuran besar. Adakalanya para pengunjung hanya ingin membaca 
artikel dalam bentuk teks. Keberadaan foto berukuran besar mungkin 
akan cukup mengganggu karena jendela browser akan terus berubah 
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panjangnya. Oleh karena itu, sembunyikan foto atau gambar ke dalam 
spoiler untuk menjamin jendela browser tidak terus-terusan berubah 
ukuran. 


#2. Plugin ini secara default akan memblok teks dengan warna merah. 
Oleh karena itu, akan lebih baik jika spoiler ini dipakai untuk 
menyembunyikan teks yang memang benar-benar penting. 


Memasang Kaskus Emoticon 


Kalau Anda pernah ke situs Kaskus, maka Anda akan melihat banyak 
sekali koleksi emoticon yang lucu dan menarik. Pernah membayangkan 
untuk menggunakan emoticon itu ke dalam blog Anda sendiri? Jika ya, 
pasanglah plugin berikut ini: Kaskus Emoticon. 


Instal plugin itu dan lakukan aktivasi. Selanjutnya, lakukan langkah- 
langkah sebagai berikut: 


1. Pilihlah menu Settings dan klik submenu Kaskus Emoticons. 


2. Nanti Anda akan melihat banyak sekali emoticon Kaskus. Tugas 
Anda adalah menghafal semacam shortcode untuk “memanggil” 
emoticon itu dalam posting. Jika tidak bisa menghafalnya, maka 
Anda bisa menggunakan metode lain yang nanti akan dijelaskan. 


Disable ? Image 


Cj ultah 


ag kimpoi 


bedug 


Shortcode yang digunakan untuk menggunakan emoticon- 
emoticon yang ada di samping kirinya 
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3. Sekarang, buatlah posting seperti biasa. Nanti untuk memasukkan 
emoticon itu, cukup ketik shortcode di atas. 


(Bh Add Media | & 


BIm Le — 


2 2 “WAE SI 
Paragraph v VU As HK BO 3 @ 
Untuk memperkaya wawasan Anda, buku ini juga akan membahas Dreamweaver CS6 


software desain website yang patut Anda kuasai karena merupakan satu-satunya editor 
HTML dan CSS yang paling canggih saat ini 


Shortcode untuk memasang emoticon Kaskus 


4. Jika tidak hafal dengan deretan shortcode di atas, maka klik ikon 
Kaskus yang ada di samping kanan tombol Add/Media. 


Add Medi 


BIm wa 


III 
- 
ab IN 
& Ill 


Paragraph v UV 


Ikon Kaskus di atas Editor Wordpress 


5. Nanti akan muncul panel berisi emoticon-emoticon Kaskus yang 


bisa Anda pilih. Klik emoticon itu untuk diletakkan ke dalam 
Editor. 


2.3. 


Minor rareaoii 


Ikon-ikon lain yang bisa dipilih 
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TIP DAN TRIK TAMBAHAN 


#1. Selain dengan mengklik ikon Kaskus seperti contoh di atas, Anda 
juga bisa menulis shortcode masing-masing ikon seperti :ultah, :bola, 
dan seterusnya. 


#2. Tidak begitu jelas apakah developer plugin ini merupakan “orang 
dalam Kaskus” atau orang yang sudah mendapatkan izin untuk me- 
minjam ikon-ikon di atas. Oleh karena itu, dengan memasang ikon- 
ikon di atas ke dalam blog Anda sendiri, maka akan muncul kaitan 
otomatis antara Kaskus dan blog itu. 


Memasang Calculator ke dalam Blog 


Kalau Anda menjual sesuatu lewat blog, maka ada baiknya jika Anda 
memasang kalkulator untuk membantu konsumen melakukan peng- 
hitungan. Salah satu cara menghadirkan kalkulator adalah dengan 
menggunakan plugin: Calculator. 


Instal dan lakukan aktivasi terhadap plugin tersebut. Lantas, lakukan 
langkah-langkah sebagai berikut: 


1. 


2. 


3. 


S 


Pilihlah menu Appearance dan klik Widgets. 
Klik-drag widget bernama Calculator ke dalam Main Sidebar. 


Anda bisa mengubah Title dengan menggunakan bahasa sendiri, 
seperti: Kalkulator. Tekan tombol Save kalau sudah. 


Calculator: Calculator 


Title 
Calculator 


Delete | Close 


Widget Calculator yang diletakkan di bagian tepi blog 


ekarang, masuklah ke dalam situs Anda kembali. Anda akan melihat 


kalkulator kecil di bagian kanan artikel. 
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Mengenal Levels, Curves, dan Histogram 
Photoshop 


Posted on January 30, 2013 


So lola vw (3 
TNNKI 
x 


O | I-al Pam 


Ada tiga buah fitur Photoshop yang paling sulit dipahami, yaitu Levels, Curves, dan 
Histogram 


Kalkulator yang ada di samping kanan artikel 


Menampilkan Kurs Hari Ini 


Kalau Anda membuka blog yang menawarkan jual beli produk yang 
ditawarkan dengan mata uang asing, maka baik kiranya untuk me- 
nyediakan fitur penampil kurs sehingga konsumen tahu berapa besaran 
kurs yang Anda tetapkan bagi harga-harga produk itu. 


Untuk menampilkan kurs, Anda bisa menggunakan plugin dengan 
nama ini: WP Currency Converter. 


1. Setelah menginstal dan mengaktifkan WP Currency Converter ini, 
maka pilih menu Settings » WP Currency Converter. 


2. Pilih satuan mata uang yang akan dikonversi (misal: USD) lewat 
tabel From Currency List. Yang perlu Anda lakukan hanyalah 
menghafal kode mata uang itu saja. 


Memilih Copy “To” currencies 
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3. Lantas, pilih mata uang tujuan (misal: IDR yang menunjukkan 
Rupiah) pada tabel To Currency List. Sama, yang perlu Anda 
lakukan adalah menghafal nama mata uang tersebut. 


4. Tekanlah tombol Save Settings. 


Berikutnya, kita pasang widget Currency converter itu menggunakan 
langkah-langkah sebagai berikut: 


1. Pilih menu Appearance » Widgets. 
2. Klik-drag panel WP Currency Converter ke dalam Main Sidebar. 


3. Setelah itu, buka panel WP Currency Converter Widget. Lantas, 
isi dengan beberapa parameter sebagai berikut: 


e Title: Anda bisa tulis dengan Bahasa Indonesia, misalnya “Cek 
Kurs Hari Ini”. 


e Pre Tool Paragraph: Anda bisa tulis keterangan dalam Bahasa 
Indonesia, misalnya “Masukkan angka yang ingin dikonversi”. 


e Default “From” Currency: Tulislah mata uang asal yang akan 
dikonversi. Tulis kode mata uang yang tadi telah Anda hafal. 


e Default “To” Currency: Tulislah mata uang tujuan. Tulis kode 
mata uang yang tadi telah Anda hafal. 


4. Tekanlah tombol Save kalau sudah. 


WP Currency Converter Widget: Currei 


Title: Currency Converter 
Pre-tool Paragraph 

Try our free currency 

converter 

D n” Currency (eg: USD) 


Gurrency (eg: USD) 


Delete | Close Save 


Mengatur mata uang asal dan yang akan dikonversi 
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Sekarang cobalah akses kembali situs Anda. Di sebelah kanan artikel 
terdapat menu untuk menentukan mata uang dan angka yang ingin 
dikonversi. Masukkanlah angka tersebut dan tekan tombol Convert. 
Nanti dalam jangka waktu tertentu, akan muncul hasil konversi. 


USD v 
To 

IDR v 
Amount 

Convert 


Amount (IDR. 


Rp9615.38 


Hasil konversi yang akan didapat secara otomatis 


Membuat Freg uently Asked Ouestion 


Freguently Asked Ouestions adalah daftar pertanyaan yang sering 
diajukan oleh konsumen dan agar mereka tidak selalu bertanya, maka 
lebih baik daftar pertanyaan dan jawabannya didokumentasikan dalam 
halaman khusus. Sebenarnya, membuat Freguently Asked Ouestions 
itu tidak membutuhkan pengetahuan teknis. Namun agar hasilnya 
bagus, Anda bisa menginstal plugin berikut: WP Super Fag. 


Instal dan aktifkan plugin ini. Kalau sudah, lakukan langkah-langkah 
sebagai berikut: 


1.  Kliklah menu FAO dan pilihlah Add New Ouestion. 


All Auestions 
Add New Ouestion 


FAO Categories 


Memilih opsi Add New @uestion 
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2. 


Nanti Anda disuruh membuat FAO menggunakan Editor yang 
sama dengan yang kita gunakan untuk menulis artikel. Bedanya, 
tulis pertanyaan yang kira-kira akan diajukan oleh pengun- 
jung/konsumen di dalam kotak teks Enter Ouestion Here. 


Setelah itu, tulislah jawabannya di dalam Editor Enter Answer 
Here. 


3” Add New Guestion 


Permalink: http://jubilate.byethost7.com/?post type-wp super fag&p-104| Change Permalinks 


(21 Add Media 


B I me 5 


a 


—RERAUN NS) 
210-820 @ 


INN 

I- 

4 

& 
BPI 


Paragraph v U 


E3 


Pertanyaan dan jawaban yang akan dirangkum dalam sebuah 
FAA 


Tekanlah tombol Publish kalau sudah. 


Buatlah pertanyaan dan jawaban yang lain dengan mengklik Add 
New Ouestion. 


Edit Ouestion 


Post published. View post 


Memilih Add New @uestion 
Kalau sudah menyusun seluruh pertanyaan, buatlah Page baru 
dengan mengklik menu Pages » Add New. 
Di dalam kotak teks Enter Title Here, tulislah FAO. 


Sedangkan di dalam Editor, tulislah 


shortcode berikut: 
(wp. super fag). 


3) Add New Page 
FA@ 


Add Media 


BI ws — «5-2 


Paragraph v U 


III 
4 
SI 
3 
R 


(wp super faaj 


Menulis shortcode di dalam Editor untuk menghadirkan FAA 
yang telah disusun 


9. Tekanlah tombol Publish untuk melakukan publikasi. 


10. Sekarang, masuklah lagi ke dalam situs Anda dan bukalah page 
FAO. Nanti akan terlihat deretan pertanyaan di bawah ini: 


Edit FA@G 


p Apakah Materi di dalam Buku Bisa Dipraktekkan Menggunakan Mac? 
p Apakah Membeli dengan Sistem Borong Mendapatkan Diskon? 
p Apakah Buku Dilengkapi dengan CD? 


Deretan pertanyaan dan jawaban yang sudah dijadikan sebuah 
FAA 


Untuk membaca jawaban atas masing-masing pertanyaan, para pe- 


ngunjung harus mengklik pertanyaan-pertanyaan tersebut satu demi 
satu. 
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Edit F Aa 


(5 Print 


p Apakah Materi di dalam Buku Bisa Dipraktekkan Menggunakan Mac? 

Sebagian besar didesain untuk PC di bawah sistem operasi Windows. Namun untuk 
Photoshop, Anda bisa memanfaatkan Macintosh 

p Apakah Membeli dengan Sistem Borong Mendapatkan Diskon? 

p Apakah Buku Dilengkapi dengan CD? 


Pertanyaan yang diklik akan menyajikan jawabannya 


Menulis Pemberitahuan dalam Bentuk Splash 


Screen 


Salah satu cara menulis informasi yang pasti dibaca oleh pengunjung 
adalah dengan menggunakan splash screen. Jadi, ketika nanti pe- 
ngunjung itu masuk ke dalam situs, mereka akan melihat semacam 
panel kecil yang terlihat di dalam layar monitor. Jika ingin menutup 


(aj) 


panel itu, maka pengunjung harus mengklik ikon “x” seperti biasa. 


Bagaimana caranya membuat pemberitahuan seperti itu? Salah satu 
caranya adalah dengan menggunakan plugin: Dialogs. 


Instal dan lakukan aktivasi terhadap plugin itu. Setelah itu, berikut 
langkah-langkahnya menggunakan plugin itu: 


1. Klik menu Dialogs dan selanjutnya, pilihlah Add Dialog. 


All Dialogs 
Add Dialog 
Tags 


Categories 


Pilihlah opsi Add Dialogs untuk menambahkan dialog baru 


2. Buatlah informasi yang ingin Anda sampaikan kepada para 
pengunjung dengan menulis judul dan isi materi seperti biasa. 
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3. 


Hanya saja, informasi itu tidak perlu terlalu panjang karena akan 
disajikan dalam bentuk splash screen saja. 


(5 Add a new Dialog 


Pemberitahuan 

Ch Add Media 

BIa «2 B- Ss.Iuagor 
Paragraph v V As. HBO 3 8 @ 


Esa ini diberitahukan bahwa terhitung tanggal 1 Februari 2013 buku kami akan diskon 
1079 


Membuat dialog baru dengan menggunakan metode 
penyusunan artikel biasa 


Tekanlah tombol Publish. 


Kalau Anda sudah membuat dialog, maka tugas berikutnya adalah 
menampilkan dialog itu di dalam situs menggunakan cara-cara sebagai 
berikut: 


1. 


2. 


Buatlah page baru dengan mengklik menu Pages » Add New. 


Di dalam kotak teks Enter title here, tulis saja nama page ini 
seperti: Pemberitahuan. 


Lanjutkan dengan Editor. Klik ikon Dialog dan pilihlah Add 
Dialog. 


PMN S Na 
@ Add Dialog 


2 Add List of Diald Ada Dialog 


Memilih opsi Add Dialog 


Pilihlah nama dialog yang sudah dibuat tadi. Selanjutnya, atur 
ukuran panel untuk menyajikan dialog yang sudah dibuat dengan 
memasukkan angka lebar dan tinggi di dalam kotak Width dan 
Height. 


33 


Add Dialog LX 


Dialog 
Pemberitahuan v 


Linktext 
Window size 


Wiatn: 400 px Height kog px 


Cancel Insert 


Memasang panel untuk tempat teks dialog 


Tekan tombol Insert. 


6. Tugas berikutnya adalah mengatur kapan dan bagaimana dialog itu 
akan terlihat di dalam situs. Lihat panel Open Dialog on site visit 
di bawah ini. 


Open Dialog on site visit 


Show Dialog? 
Yes 


Appearance Rules 
@ On firstvisit 
(J On everyvisit 
Dialog to display 
Choose a dialog | v 


Window size 
Width: 600 px 
Height: 400 px 


Panel untuk mengatur bagaimana dan kapan dialog akan 
ditampilkan 


e Show Dialog: klik Yes agar dialog ditampilkan. 


e Appearance Rules: pilih On first visit jika dialog itu hanya 
ditampilkan sekali saja. Atau pilih On every visit jika ingin 
agar dialog itu ditampilkan setiap saat pengunjung masuk. 


e Dialog to Display: memilih dialog yang ingin ditampilkan. 


7. Tekanlah tombol Publish untuk mempublikasikan dialog itu. 
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Jika page itu diakses, maka akan muncul panel seperti gambar di bawah 
ini: 


Panel berisi pemberitahuan untuk pengunjung 


TIP DAN TRIK TAMBAHAN 


Apa yang bisa Anda lakukan dengan adanya fitur Dialog? Ada banyak, 
antara lain: 


#1. Anda bisa mendata fitur-fitur baru yang akan Anda suguhkan 
kepada para pengunjung blog. 
#2. Anda punya produk baru yang ingin segera atau sudah di- 


launching? Buatlah materi promosi menggunakan Dialog itu. 


#3. Jika situs itu akan offline untuk urusan maintenance, maka Anda 
bisa mengabarkannya via Dialog. 


#4. Anda bisa menggalang kampanye, misalnya sumbangan untuk 


bencana alam, lengkap dengan informasi nomor rekening di dalam 
Dialog itu. 


Bagian Tertentu dari Artikel yang Bisa Hilang 
dengan Sendirinya 


Adakalanya, Anda membuat artikel yang di dalamnya terdapat pesan- 
pesan promosi, seperti kode voucher, kupon, atau perlombaan tertentu. 


35 


Namanya kompetisi atau undian, tentu ada masa berlakunya. Nah, 
bagaimana caranya menyembunyikan sebagian teks atau gambar di 
dalam artikel tanpa mengharuskan kita menghapus seluruh artikel 
secara permanen? Gunakan salah satu plugin berikut: Show/Hide 
Content at Set Time. 


Berikut langkah-langkah pemakaiannya: 
1. Pastikan plugin itu sudah diinstal dan diaktivasi. 
2. Buatlah posting artikel seperti biasa. 


3. Sekarang, letakkan kursor mouse di atas paragraf yang akan 
disembunyikan mulai dari tanggal tertentu. 


4. Tulis kode untuk menyembunyikan paragraf itu. Sebagai contoh, 
jika mulai tanggal 3 Februari 2013 paragraf itu akan disembunyikan, 
ketiklah: fexpires off-”2013/0o2/o3”J. 


5. Kalau sudah, letakkan pada baris paling bawah pada paragraf itu 
dan ketik: //expires|. 


Paragraph v U 8 Av hn me 2) @ 


esok sudah mati 


(expires off - "2013/02/03"J 


Vexpiresil 


Menulis kode untuk membuat agar artikel itu expire selewat 
tanggal tertentu 


6. Publikasikan artikel tersebut. 


Nanti, artikel yang berada di antara shortcode (|expires off| itu akan 
disembunyikan jika tanggal yang telah dispesifikasikan itu terjadi. 
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TIP DAN TRIK TAMBAHAN 


#1. Selain dengan menggunakan Jexpires offl, Anda juga bisa 
memanfaatkan shortcode (/showafter on - “2013/02/0o3”) dan ditutup 
dengan shortcode //showafterJ. Bedanya, dengan menggunakan 
Ishowafter| justru bagian dalam artikel itu yang akan ditampilkan 
mulai dari tanggal yang kita atur tadi. Ketika belum memasuki 
tanggal tersebut, maka artikel itu akan disembunyikan. 


#2. Dengan menggunakan (showafterJ Anda juga bisa menulis artikel 
untuk diterbitkan pada tanggal tertentu sesuai konteksnya. Misalnya 
launching produk baru. 


Kalau Ingin Menonaktifkan Blog untuk Sementara 


Kadang-kadang, ketika blog sedang didesain ada baiknya jika blog itu 
dinonaktifkan sementara. Tujuannya, agar blog itu tidak tampak 
berantakan di depan para pengunjung. Nanti jika segala sesuatunya 
sudah siap, baru blog itu diaktifkan kembali. Nah bagaimana caranya 
menonaktifkan blog untuk sementara waktu? Anda bisa menggunakan 
plugin berikut: Ultimate Maintenance Mode. 


Lakukan instalasi dan aktivasi terhadap plugin ini dan kalau sudah, 
lakukan langkah-langkah sebagai berikut: 


1. Pilih menu Settings dan klik pada pilihan Maintenance Mode. 


2. Nanti akan Anda lihat opsi Enable. Aktifkan opsi ini dengan cara 
mengkliknya. Setiap kali ingin menutup blog untuk proses desain, 
aktifkan kotak cek ini. Jangan lupa, nonaktifkan kotak cek Enable 
jika situs ini siap dan akan disajikan kepada para pengunjung. 


: Maintenance Mode 


Settings 


Enable (VI Yes 


Aktifkan kotak cek Enable jika ingin menonaktifkan blog 
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3. Apakah ingin menampilkan gambar yang akan dijadikan latar 
belakang? Jika ya, tekan tombol Media Image Library dan Anda 


bisa mengambil foto atau gambar dari Media Library. Atau, unggah 
foto dari komputer. 


Custom Background Image 


Media Image Library 


Tekanlah tombol Media Image Library untuk menambah foto 
sebagai latar belakang 


4. Jika sudah memilih foto, cukup tekan tombol Insert Into Post. 


5. Ketik judul pengumuman di dalam kotak teks Custom Headline. 


Misalnya: Situs sedang Ditutup. Atau kata-kata lainnya yang 
menarik. 


Lantas, ketik alasan mengapa situs ini ditutup. Tulislah di dalam 
kotak teks Message. 


(Bh Add Media Visual 


BImera222 As-UB 


me z3 


Paragraph v U 


IN 
- 
4 
ma 


. 


s-@ 


Terima kasih sudah mengunjungi situs kami. Namun, situs kami sedang 


kami, silakan via email : thinkjubilee@thinkjubilee.com 


Tulislah alasan mengapa blog ini ditutup 


7. Tekanlah tombol Save Changes. 


Ketika blog ini sedang dinonaktifkan, maka di dalam Dashboard akan 
muncul notifikasi berwarna merah yang memberi tanda kalau blog ini 
dalam kondisi tidak dapat diakses oleh pengunjung. 


Maintenance Mode Active Howdy, admin & 


Notifikasi yang menunjukkan kalau situs sedang tidak bisa 
diakses 
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Sekarang, cobalah Anda mengakses situs ini kembali. Akan terlihat 
informasi seperti gambar di bawah ini: 


Situs Sedang Maintenance 


jungi situs 


Informasi yang menunjukkan kalau blog sedang tidak dapat 
diakses 


TIP DAN TRIK TAMBAHAN 


#1. Ketika dalam kondisi offline, maka kondisi ini berlaku secara 
umum termasuk bagi Anda sendiri sehingga yang perlu dilakukan 
adalah “mengoprek” materi blog, plugin, dan kelengkapan lainnya di 
belakang layar. Untuk melihat hasilnya, Anda nonaktifkan kondisi 
offline itu terlebih dulu. 


#2. Situs yang sedang offline akan membingungkan pengunjung. Oleh 
karena itu, supaya mereka tetap bisa mengontak Anda, tulislah 
informasi-informasi kontak, seperti email, nomor telepon, pin BB, situs 
alternatif, atau lainnya. Tanpa adanya informasi kontak, pengunjung 
mungkin mengira kalau situs Anda offline seterusnya. 


#3. Jika Anda memang sudah memiliki jadwal untuk membuka kem- 
bali situs itu pada tanggal tertentu, maka tulislah di dalam informasi 
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di atas. Misalnya: situs ini ditutup hingga tanggal 2 Februari 2013. 
Dengan demikian, pengunjung akan tahu kalau mereka harus datang 
lagi tanggal 3 Februari 2013. 


Teks Lampak Interaktif dengan Adanya Hover 


Anda ingin membuat blog yang memiliki fitur text hover di mana 
ketika kursor mouse berada di sebuah teks maka akan muncul tooltip 
kecil seperti gambar di bawah ini? 


/Contrast, pengaruh Use Legacy, dan pemanfaatan 


cara kerja DSJs#dalam mengkomepsasi cahaya serta 


4 - pada sebuah foto 
Digital Single Lens Reflex 


Muncul kotak teks kecil yang menginformasikan sesuatu 


Untuk membuat teks seperti itu, Anda bisa memanfaatkan salah satu 
plugin berikut: Text Hover. Cara menggunakannya adalah sebagai 
berikut: 


1. Pilihlah menu Settings dan klik Text Hover. 


2. Tugas Anda berikutnya adalah mendata kata-kata yang ada di 
dalam blog beserta penjelasannya. Format penulisannya adalah: 
Kata -» Definisi. Lihat contoh di bawah ini: 


DSLR —» Digital Single Lens Reflex 


Photoshop -» Software digital imaging 


Jubilee —» Content Media Provider 


Menulis kata dan definisi terhadap kata itu 


3. Tekan tombol Save Changes. 
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Memang Anda harus mendefinisikan kata-kata itu satu demi satu. 
Namun jika Anda menggunakan plugin ini dengan telaten, maka blog 
Anda akan tampak profesional. 


Membedakan Status Posting Menggunakan Warna 


Sebuah artikel memiliki tiga status dalam kaitannya dengan publikasi, 
yaitu Published, Pending, dan Draft. Artinya: 


e Published: artikel itu sudah dipublikasikan untuk para pembaca. 


e Pending: artikel itu sudah selesai ditulis namun belum di- 
publikasikan karena membutuhkan pengecekkan final dari 
Administrator. 


e Draft: artikel itu baru sebatas konsep. 
Untuk mengetahui mana artikel yang sudah dipublikasikan, masih 


dipending, atau sebatas draft, Anda cukup melihat informasi-informasi 
di dalam deretan artikel seperti ini: 


| Title Author 


r1 Informasi dalam Bentuk Tab admin 


Dj) Daftar tase(oan) admin 
Uu 9 admin 


Kondisi artikel dilihat dari statusnya 


Sering kali, status artikel yang ditulis menggunakan teks “Pending” atau 
“Draft” seperti di atas masih menyulitkan kita untuk membedakan 
mana artikel yang sudah dipublikasikan, mana yang masih dipending, 
dan mana yang masih sebatas draft. Lantas? Untuk menambah 
informasi, kita dapat menggunakan warna sebagai pembeda. Untuk itu, 
kita membutuhkan plugin bernama: Color Admin Posts. 


Selanjutnya, setelah proses instalasi dan aktivasi selesai sekarang Anda 
bisa mengatur warna untuk artikel sebatas draft dan pending meng- 
gunakan langkah-langkah berikut ini: 
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1. Pilih menu Settings dan klik Color Admin Posts. 
2. Nanti Anda akan melihat beberapa kategori, yaitu: 


e Drafts Posts: atur warna untuk menandai artikel-artikel yang 
masih sebatas draft. 


e Pending Posts: atur warna untuk menandai artikel-artikel 
yang berstatus Pending. 


e Published Posts: atur warna untuk menandai artikel-artikel 
yang sudah dipublikasikan. 


e Futures Posts: atur warna untuk menandai artikel-artikel yang 
masuk dalam kategori Futures Post. 


e Private Posts: atur warna untuk menandai artikel-artikel yang 
ditujukan untuk kalangan tertentu. 


(FF Color Admin Posts 


Leave “#' for the default color 


Drafts Posts 


Pendings Posts 


Published Posts 


Futures Posts #CCFF99 
Privates Posts #FFCC99 


Mengatur warna-warna untuk status artikel 


3. Tekanlah tombol Save Changes. 


Untuk melihat hasilnya, klik menu Posts » All Posts. Anda akan 
melihat warna-warna yang muncul untuk membedakan status masing- 
masing artikel. 
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Title Author 


Informasi dalam Bentuk Tab admin 


admin 


Warna sebagai pembeda satu artikel dengan artikel lainnya 


Mengunci Pages Agar Tidak Bisa Dimodifikasi 


Kalau Anda membuat blog secara keroyokan dan teman-teman Anda 
itu berstatus Administrator, maka mereka bisa mengedit atau 
menghapus Pages yang sudah Anda buat. Nah, kalau sudah begini 
tentu sangat fatal karena untuk membuat Pages memerlukan energi 
yang tidak sedikit. Untuk mencegah hal ini terjadi, buatlah agar Pages 
itu dalam kondisi terkunci sehingga tidak bisa diedit atau dihapus. 


Untuk mengunci Pages, Anda bisa menggunakan plugin: Lock Pages. 
Berikut langkah-langkahnya: 


1. Setelah melakukan instalasi dan aktivasi, klik menu Pages. 
2. Bukalah salah satu Page yang akan dikunci. 


3.  Kuncilah dengan mengklik kotak cek Lock This Page yang ada di 
dalam panel Page Locking. 


Page locking 
Lock this page 
Mengunci page dengan mengklik kotak cek Lock this page 


4. Tekan tombol Update. 


Nanti, Wordpress akan menandai page yang dikunci itu dengan 
menggunakan ikon gembok. 
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DH Ha admin 2013 "@ 
130 
Publish 


ed 


Ikon gembok yang menandakan kalau page itu dikunci 


